.hot-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  font-size: 13px;
  color: #333333;

  text {
    font-size: 15px;
  }
}

.hot-panel {
  display: flex;
  //横向溢出滚动
  white-space: nowrap;
  overflow: hidden;
}

.hot-box {
  display: flex;
  min-height: 150px;
  padding-right: 20rpx;

  .hot-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: stretch;
    width: 200px;
    height: 150px;
    margin-left: 10px;

    .img {
      width: 150px;
      height: 100px;
      margin-bottom: 5rpx;
      border-radius: 8px;
    }

    .name {
      font-size: 14px;
      color: #333333;
      margin-bottom: 5px;
    }

    .desc {
      width: 150px;
      font-size: 12px;
      color: #999999;
      // 溢出
      //text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      word-break: break-all;
    }
  }
}